<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /*
            定时器- 每间隔一段时间 就会执行一段代码 （不停重复执行）
            延时器- 间隔一段时间 就会执行一段代码 一次


        */
        // 定时器- 每间隔一段时间 就会执行一段代码 （不停重复执行）
        // function fn() { }
        // setInterval(fn, 100)
        // setInterval(function () { }, 100)
        // clearInterval

        // 延时器器的 内部的代码，一般是最后执行的
        // 延时器的执行 不是同步（顺序一步一步往下执行， 延时器是异步--相当于有人在帮我们执行定时器这个等待的操作）
        setTimeout(function () {
            console.log('1000毫秒以后就会执行函数一次');
        }, 1000)

        var fn = function () {
            console.log('fn-- 2000毫秒以后执行');
        }

        setTimeout(fn, 2000)

        console.log('11111');





        // 用延时器 实现了 类似 定时器的效果
        function fn2() {
            console.log('fn2');
            // setTimeout(fn2, 1000)

        }
        var timer = setTimeout(fn2, 1000)
        // 清空延时器
        // clearTimeout(timer)


    </script>

</body>

</html>